<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE html>
<html>
<head>
<base href="<%=basePath%>">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE-edge,chrome=1" />
<!--用IE的最高版本浏览网页，以防低版本IE不支持部分css3属性-->
<title>工程界-免费试学</title>
<meta name="viewport" content="width=device-width,initial-scale=1" />
<!--意思是使网页的宽度强制适应不同服务窗口的宽度（宽度自适），且用户不能够随意缩放网页-->
<meta name="description" content="" />
<!--关键字的描述内容(description)-->
<meta name="keywords" content="">
<!--关键字(keywords)-->
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />
<link rel="icon" href="img/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" type="text/css" href="css/reset.css" />
<link rel="stylesheet" type="text/css" href="css/main.css" />
<link rel="stylesheet" type="text/css" href="css/hytopheader.css" />
<!--<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/1.9.1/jquery.min.js"></script>-->
<script type="text/javascript" src="js/globalVariable.js"></script>
<script type="text/javascript" src="js/url.js"></script>
<script type="text/javascript" src="js/cookie.js"></script>
<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
<!--<script type="text/javascript" src="js/reg.js"></script>-->
<script type="text/javascript" src="js/pay-course-pay.js"></script>
<script>
	function reload(mainTypeId, childTypeId, orderMethod, isAudition, page) {
		/*********这里为了保证后台和前台的数据类型一致***********/
		/******************************************************/
		var reloadUrl = 'view/courseList?page=' + 1;
		if (mainTypeId != -1) {
			if (mainTypeId != null) {
				reloadUrl += '&mainTypeId=' + mainTypeId;
			}
		}
		if (childTypeId != -1) {
			if (childTypeId != null) {
				reloadUrl += '&childTypeId=' + childTypeId;
			}
		}
		if (orderMethod != -1) {
			if (orderMethod != null) {
				reloadUrl += '&orderMethod=' + orderMethod;
			}
		}
		if (isAudition != -1) {
			if (isAudition != null) {
				reloadUrl += '&isAudition=' + isAudition;
			}
		}

		window.location.href = reloadUrl;
	}
	$(function() {
		//弹出立即报名窗口 
		$('.oper-bar .signBar').on('click', function(event) {
			if ($(event.target).is($('.signBar'))) {
				$('.popup').addClass('is-visible');
			}
		});
		//关闭弹出窗口 
		$('.cancel').on('click', function(event) {
			$('.popup').removeClass('is-visible');
		});
		//弹出报名成功窗口
		$('.go').on('click', function(event) {
			if ($(event.target).is($('.go'))) {
				window.location.href = "pay.html";
				$('.alert-box').addClass('is-visible');
				$('.popup').removeClass('is-visible');
			}
		});
		//使用Esc键关闭弹出窗口 
		$(document).keyup(function(event) {
			if (event.which == '27') {
				$('.popup').removeClass('is-visible');
			}
		});
	})
</script>
</head>

<body>
	<!--头部header开始-->
	<div class="m-topBar">
		<div class="commWidth">
			<div class="m-topBar-item f-clearfix">
				<div class="m-navBar f-fl">
					<a href="">工程界</a> <a href="">工程百科</a> <a href="">工程文库</a> <a
						href="">工程图库</a> <a href="">在线课堂</a> <a href="">百问百答</a> <a
						href="">众包场</a> <a href="">主页空间</a> <a href="">新品展厅</a> <span>
						<i></i>
					</span>
				</div>
				<div class="userLogin f-fr" style="display:none">
					<a href="">登陆 </a>/ <a href="">注册</a>
				</div>
				<div class="m-usermsg f-fr">
					<a href="" class="m-usermsg-first">王小二
						<div class="m-usermsg-list">
							<ul>
								<li>个人主页</li>
								<li>帐号管理</li>
								<li>退出</li>
							</ul>
						</div>
					</a> <a href="" class="m-user-last">消息 (<span> 0 </span>)
					</a>
				</div>

			</div>
		</div>
	</div>
	<!--头部header结束-->
	<!--logo搜索个人中心区域开始-->
	<div class="course-header">
		<div class="commWidth g-width">
			<div class="m-topheader f-clearfix">
				<div class="m-logo f-fl">
					<a href=""><img src="img/ct.png" alt="在线课堂" title="在线课堂" /></a>
				</div>
				<div class="hynew f-fl">
					<ul>
						<li>首页</li>
						<li>认证专区</li>
						<li>设计之路</li>
						<li>设计之路</li>
						<li>精品专区</li>
					</ul>
				</div>
				<div class="m-search f-fl">
					<div class="m-sear">
						<i class="m-sear-i iconfont"></i> <input type="text"
							value="请输入您要搜索的内容" autocomplete="off" />
					</div>
				</div>
				<div class="userActiv f-fr" style="display: none;">
					<i></i> <a href="">个人中心</a>
				</div>
				<div class="loginActive f-fr">
					<i></i> <a href="" class="userpersonal">个人中心
						<div class="personal">
							<ul>
								<li>我的视频</li>
								<li>我的试卷</li>
								<li>收藏</li>
								<li>浏览记录</li>
							</ul>
						</div>
					</a>
				</div>
			</div>
		</div>
	</div>
	<!--logo搜索个人中心区域结束-->
	<div id="main" class="f-clearfix">
		<div class="commWidth">
			<div class="course-content">
				<div class="nav-box">
					<div class="course-nav-hd clearfix">
						<span class="blod"> <a
							href="javascript:reload(-1,-1,-1,-1,1);">全部课程</a></span> > <span
							class="step"><a
							href="javascript:reload(${mainChildTypeMap.mainTypeId},-1,-1,-1,1);">${mainChildTypeMap.mainTypeName }</a></span>
						> <span class="step"><a
							href="javascript:reload(${mainChildTypeMap.mainTypeId},${mainChildTypeMap.childTypeId },-1,-1,1);">${mainChildTypeMap.childTypeName }</a></span>
						> <span class="step"><a>${courseMap.courseName }</a></span>
					</div>
				</div>
				<div class="imgtext-course clearfix">
					<div class="imgtext fl">
						<img style="width:600px;height:390px"
							src="resources/image/${courseMap.coverUrl }" alt="" />
					</div>
					<div class="text-right fl">
						<h2>${courseMap.courseName }</h2>
						<div class="score clearfix">
							<span>综合评分</span>
							<!--<div class="clear"></div>-->
							<div class="fivestars" id="fivestars">
								<div class="autostars" id="autostars" style="width:50px">
								</div>
							</div>
						</div>
						<div class="text-msg">
							<span class="frequency"> 播放 <em>${courseMap.playTimes }</em>
								次
							</span> <span class="collect">收藏 <em>
									${courseMap.collectionTimes }</em></span> <span class="time"><fmt:formatDate
									value="${courseMap.updateTime}" pattern="yyyy-MM-dd" /></span>
						</div>
						<c:choose>
							<c:when test="${courseMap.price == 0 }">
								<span class="prices">免费</span>
							</c:when>
							<c:otherwise>
								<span class="prices">￥${courseMap.price }</span>
							</c:otherwise>
						</c:choose>
						<div class="oper-bar">
							<c:choose>
								<c:when test="${isApply == 1}">
									<span class="pay-bt pay fl">继续学习</span>
								</c:when>
								<c:when test="${isApply == 0}">
									<c:choose>
										<c:when test="${courseMap.price == 0}">
											<span class="pay-bt pay fl" onclick="javascript:;(window.location.href = 'view/courseDetail/applyCourse?courseId='+${courseMap.courseId})">立即报名</span>
										</c:when>
										<c:otherwise>
											<span class="pay-bt pay fl">立即购买</span>
										</c:otherwise>
									</c:choose>
								</c:when>
							</c:choose>
							<!-- 
							<span class="pay-bt try fr">立即试学</span>
							 -->
						</div>
						<!--立即报名弹窗-->
						<div class="popup">
							<div class="enroll">
								<div class="enroll-title">课程报名</div>
								<div class="enroll-content clearfix">
									<img src="img/item.png" alt="" class="fl" />
									<div class="enroll-right fl">
										<h4>微积分第一课</h4>
										<span><a href="javascript:;">电子信息</a></span> > <span><a
											href="javascript:;">高等数学</a></span> > <span><a
											href="javascript:;">免费</a></span> > <span><a
											href="javascript:;">微积分第一课</a></span>
									</div>
								</div>
								<div class="mod">
									<span class="price">￥</span> <span class="mod-money">233</span>
								</div>
								<div class="tips-tool">
									<a href="javascript:;" class="go">去支付</a> <a
										href="javascript:;" class="cancel">取消</a>
								</div>
							</div>
						</div>
						<!--立即报名弹窗-->
					</div>
				</div>
				<span class="report"><a href="javascript:;">举报</a></span>
			</div>
			<div class="price-left fl">
				<div class="price-left-tab">
					<ul>
						<li class="abstract active">简介</li>
						<li>章节</li>
						<li class="evaluation">综合评价</li>
					</ul>
				</div>
				<div class="price-left-content">
					<div class="price-left-bd" style="display: block;">
						<p class="price_1">${courseMap.introduction }</p>
					</div>
					<div class="price-left-bd" style="display: none;">
						<div class="task-chapter">
							<h3>第一章 : 微积分</h3>
							<div class="task-part-list">
								<a href="video.html">
									<div class="task-part-item">
										<i class="task-part-icon"></i>
										<p class="task-part-msg">
											<span class="chapter">第一节</span> <span class="chapter-name">微积分的由来</span>
										</p>
										<span class="task-msg">免费</span>
									</div>
								</a> <a href="video.html">
									<div class="task-part-item">
										<i class="task-part-icon"></i>
										<p class="task-part-msg">
											<span class="chapter">第二节</span> <span class="chapter-name">微积分的由来</span>
										</p>
										<span class="task-msg">免费</span>
									</div>
								</a> <a href="video.html">
									<div class="task-part-item">
										<i class="task-part-icon"></i>
										<p class="task-part-msg">
											<span class="chapter">第三节</span> <span class="chapter-name">微积分的由来</span>
										</p>
										<span class="task-msg">免费</span>
									</div>
								</a> <a href="video.html">
									<div class="task-part-item">
										<i class="task-part-icon"></i>
										<p class="task-part-msg">
											<span class="chapter">第四节</span> <span class="chapter-name">微积分的由来</span>
										</p>
										<span class="task-msg">免费</span>
									</div>
								</a>
							</div>
						</div>
						<div class="task-chapter">
							<h3>第二章 : 微积分</h3>
							<div class="task-part-list">
								<a href="video.html">
									<div class="task-part-item">
										<i class="task-part-icon"></i>
										<p class="task-part-msg">
											<span class="chapter">第一节</span> <span class="chapter-name">微积分的由来</span>
										</p>
										<span class="task-msg">免费</span>
									</div>
								</a> <a href="video.html">
									<div class="task-part-item">
										<i class="task-part-icon"></i>
										<p class="task-part-msg">
											<span class="chapter">第二节</span> <span class="chapter-name">微积分的由来</span>
										</p>
										<span class="task-msg">免费</span>
									</div>
								</a> <a href="video.html">
									<div class="task-part-item task-disable" data-task="one">
										<i class="task-part-icon"></i>
										<p class="task-part-msg">
											<span class="chapter">第三节</span> <span class="chapter-name">微积分的由来</span>
										</p>
										<span class="task-msg">付费</span>
									</div>
								</a> <a href="video.html">
									<div class="task-part-item task-disable" data-task="one">
										<i class="task-part-icon"></i>
										<p class="task-part-msg">
											<span class="chapter">第四节</span> <span class="chapter-name">微积分的由来</span>
										</p>
										<span class="task-msg">付费</span>
									</div>
								</a> <a href="video.html">
									<div class="task-part-item task-disable" data-task="one">
										<i class="task-part-icon"></i>
										<p class="task-part-msg">
											<span class="chapter">第五节</span> <span class="chapter-name">微积分的由来</span>
										</p>
										<span class="task-msg">付费</span>
									</div>
								</a>
							</div>
						</div>
						<div class="task-more">
							<span>点击加载更多</span>
						</div>
					</div>
					<div class="price-left-bd" style="display: none;">
						<div class="comment-box">
							<div class="comment-title">
								<div class="comment-statistics">
									<span>综合评分 : <em>8.8 </em></span>
									<div class="fivestars" id="fivestars"
										style="left:120px;top:5px;">
										<div class="autostars" id="autostars" style="width:60px">
										</div>
									</div>
								</div>
								<div class="filter-comment-rank">
									<span>内容使用 : <em>8.0</em></span> <span>简单易懂 : <em>8.0</em></span>
									<span>逻辑清晰 : <em>8.0</em></span> <span class="comment-num">评论(<em>8</em>)
									</span>
								</div>
							</div>
							<div class="comment-msg">
								<div class="comment-tips clearfix">
									<div class="comment-user fl">
										<a class="comment-tips-user"><img
											src="img/comment_user.png" alt="" /></a> <span>王大力</span>
									</div>
									<div class="comment-tips-msg fl">
										<div class="fivestars" id="fivestars">
											<div class="autostars" id="autostars" style="width:20px">
											</div>
										</div>
										<div class="comment-tips-title">我是评论课程很好超级好，我是评论课程很好超级好，我是评论课程很好超级好，我是评论课程很好超级好，</div>
										<ul class="comment-part">
											<li class="comment-list"><span class="time">2016-9-3</span>
												<span class="date">15:31</span></li>
										</ul>
									</div>
									<div class="actions">
										<span class="actions-icon"></span> <em>10</em>
									</div>
								</div>
								<div class="comment-tips clearfix">
									<div class="comment-user fl">
										<a class="comment-tips-user"><img
											src="img/comment_user.png" alt="" /></a> <span>王大力</span>
									</div>
									<div class="comment-tips-msg fl">
										<div class="fivestars" id="fivestars">
											<div class="autostars" id="autostars" style="width:55px">
											</div>
										</div>
										<div class="comment-tips-title">我是评论课程很好超级好，我是评论课程很好超级好，我是评论课程很好超级好，我是评论课程很好超级好，</div>
										<ul class="comment-part">
											<li class="comment-list"><span class="time">2016-9-3</span>
												<span class="date">15:31</span></li>
										</ul>
									</div>
									<div class="actions">
										<span class="actions-icon"></span> <em>10</em>
									</div>
								</div>
								<div class="comment-tips clearfix">
									<div class="comment-user fl">
										<a class="comment-tips-user"><img
											src="img/comment_user.png" alt="" /></a> <span>王大力</span>
									</div>
									<div class="comment-tips-msg fl">
										<ul class="comment-star clearfix">
											<div class="fivestars" id="fivestars">
												<div class="autostars" id="autostars" style="width:50px">
												</div>
											</div>
										</ul>
										<div class="comment-tips-title">我是评论课程很好超级好，我是评论课程很好超级好，我是评论课程很好超级好，我是评论课程很好超级好，</div>
										<ul class="comment-part">
											<li class="comment-list"><span class="time">2016-9-3</span>
												<span class="date">15:31</span></li>
										</ul>
									</div>
									<div class="actions">
										<span class="actions-icon"></span> <em>10</em>
									</div>
								</div>
								<div class="comment-tips clearfix">
									<div class="comment-user fl">
										<a class="comment-tips-user"><img
											src="img/comment_user.png" alt="" /></a> <span>王大力</span>
									</div>
									<div class="comment-tips-msg fl">
										<div class="fivestars" id="fivestars">
											<div class="autostars" id="autostars" style="width:60px">
											</div>
										</div>
										<div class="comment-tips-title">我是评论课程很好超级好，我是评论课程很好超级好，我是评论课程很好超级好，我是评论课程很好超级好，</div>
										<ul class="comment-part">
											<li class="comment-list"><span class="time">2016-9-3</span>
												<span class="date">15:31</span></li>
										</ul>
									</div>
									<div class="actions">
										<span class="actions-icon"></span> <em>10</em>
									</div>
								</div>
								<div class="comment-btn">
									<span>点击加载更多</span>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="price-right fl">
				<h4 class="">个人介绍</h4>
				<div class="user-info clearfix">
					<a href="javascript:;"><img src="img/user_msg.png" alt="" /></a>
					<div class="user-info-right fl">
						<div class="user-msg">
							<a href="" class="user">彭于晏</a> <a class="follow">+ 关注</a>
						</div>
						<span class="video">视频 <em>9</em></span> <span class="fans">粉丝
							<em>199</em>
						</span>
					</div>
				</div>
				<div class="user-info-tip">
					<p>这是一个我的自我介绍，这是一个我的自我介绍，这是一个我的自我介绍，这是一个我的自我介绍，这是一个我的自我介绍,这是一个我的自我介绍，这是一个我的自我介绍，这是一个我的自我介绍，这是一个我的自我介绍，这是一个我的自我介绍</p>
				</div>
			</div>
		</div>
	</div>
	</div>

	<div class="footer">
		<div>
			<span>请使用者仔细阅读工程界 用户协议 和 隐私政策</span> <span><a
				href="javascript:;">网络违法犯罪举报网站</a></span> <span><a
				href="javascript:;">中国互联网发和不良信息举报中心</a></span>
		</div>
		<p>沪ICP证00099903号</p>
		<p>Coperight©2015-2020engineeringcircle.com All Right Reserved</p>
	</div>

	<script type="text/javascript">
		window.onload = function() {
			var oStar = document.getElementById("stars");
			var aLi = oStar.getElementsByTagName("li");
			var oUl = oStar.getElementsByTagName("ul")[0];
			var oSpan = oStar.getElementsByTagName("span")[1];
			var oP = oStar.getElementsByTagName("p")[0];
			var i = iScore = iStar = 0;
			var aMsg = [
			//				"很不满意|差得太离谱，与卖家描述的严重不符，非常不满",
			//				"不满意|部分有破损，与卖家描述的不符，不满意",
			//				"一般|质量一般，没有卖家描述的那么好",
			//				"满意|质量不错，与卖家描述的基本一致，还是挺满意的",
			//				"非常满意|质量非常好，与卖家描述的完全一致，非常满意"
			"很不满意|非常不满意", "不满意|不满意", "一般|一般", "满意|满意", "非常满意|非常满意" ]
			for (i = 1; i <= aLi.length; i++) {
				aLi[i - 1].index = i;
				//鼠标移过显示分数
				aLi[i - 1].onmouseover = function() {
					fnPoint(this.index);
					//浮动层显示
					oP.style.display = "block";
					//计算浮动层位置
					oP.style.left = oUl.offsetLeft + this.index
							* this.offsetWidth - 104 + "px";
					//匹配浮动层文字内容
					oP.innerHTML = "<em><b>" + this.index + "</b> 分 "
							+ aMsg[this.index - 1].match(/(.+)\|/)[1] + "</em>"
							+ aMsg[this.index - 1].match(/\|(.+)/)[1]
				};
				//鼠标离开后恢复上次评分
				aLi[i - 1].onmouseout = function() {
					fnPoint();
					//关闭浮动层
					oP.style.display = "none"
				};
				//点击后进行评分处理
				aLi[i - 1].onclick = function() {
					iStar = this.index;
					oP.style.display = "none";
					oSpan.innerHTML = "<strong>" + (this.index)
							+ " 分</strong> ("
							+ aMsg[this.index - 1].match(/\|(.+)/)[1] + ")"
				}
			}
			//评分处理
			function fnPoint(iArg) {
				//分数赋值
				iScore = iArg || iStar;
				for (i = 0; i < aLi.length; i++)
					aLi[i].className = i < iScore ? "on" : "";
			}

			var oStar1 = document.getElementById("stars1");
			var aLi1 = oStar1.getElementsByTagName("li");
			var oUl1 = oStar1.getElementsByTagName("ul")[0];
			var oSpan1 = oStar1.getElementsByTagName("span")[1];
			var oP1 = oStar1.getElementsByTagName("p")[0];
			var i = iScore = iStar = 0;
			var aMsg1 = [
			//				"很不满意|差得太离谱，与卖家描述的严重不符，非常不满",
			//				"不满意|部分有破损，与卖家描述的不符，不满意",
			//				"一般|质量一般，没有卖家描述的那么好",
			//				"满意|质量不错，与卖家描述的基本一致，还是挺满意的",
			//				"非常满意|质量非常好，与卖家描述的完全一致，非常满意"
			"很不满意|非常不满意", "不满意|不满意", "一般|一般", "满意|满意", "非常满意|非常满意" ]
			for (i = 1; i <= aLi1.length; i++) {
				aLi1[i - 1].index = i;
				//鼠标移过显示分数
				aLi1[i - 1].onmouseover = function() {
					fnPoint1(this.index);
					//浮动层显示
					oP1.style.display = "block";
					//计算浮动层位置
					oP1.style.left = oUl1.offsetLeft + this.index
							* this.offsetWidth - 104 + "px";
					//匹配浮动层文字内容
					oP1.innerHTML = "<em><b>" + this.index + "</b> 分 "
							+ aMsg1[this.index - 1].match(/(.+)\|/)[1]
							+ "</em>"
							+ aMsg1[this.index - 1].match(/\|(.+)/)[1]
				};
				//鼠标离开后恢复上次评分
				aLi1[i - 1].onmouseout = function() {
					fnPoint1();
					//关闭浮动层
					oP1.style.display = "none"
				};
				//点击后进行评分处理
				aLi1[i - 1].onclick = function() {
					iStar = this.index;
					oP1.style.display = "none";
					oSpan1.innerHTML = "<strong>" + (this.index)
							+ " 分</strong> ("
							+ aMsg1[this.index - 1].match(/\|(.+)/)[1] + ")"
				}
			}
			//评分处理
			function fnPoint1(iArg) {
				//分数赋值
				iScore = iArg || iStar;
				for (i = 0; i < aLi1.length; i++)
					aLi1[i].className = i < iScore ? "on" : "";
			}

			var oStar2 = document.getElementById("stars2");
			var aLi2 = oStar2.getElementsByTagName("li");
			var oUl2 = oStar2.getElementsByTagName("ul")[0];
			var oSpan2 = oStar2.getElementsByTagName("span")[1];
			var oP2 = oStar2.getElementsByTagName("p")[0];
			var i = iScore = iStar = 0;
			var aMsg2 = [
			//				"很不满意|差得太离谱，与卖家描述的严重不符，非常不满",
			//				"不满意|部分有破损，与卖家描述的不符，不满意",
			//				"一般|质量一般，没有卖家描述的那么好",
			//				"满意|质量不错，与卖家描述的基本一致，还是挺满意的",
			//				"非常满意|质量非常好，与卖家描述的完全一致，非常满意"
			"很不满意|非常不满意", "不满意|不满意", "一般|一般", "满意|满意", "非常满意|非常满意" ]
			for (i = 1; i <= aLi2.length; i++) {
				aLi2[i - 1].index = i;
				//鼠标移过显示分数
				aLi2[i - 1].onmouseover = function() {
					fnPoint2(this.index);
					//浮动层显示
					oP2.style.display = "block";
					//计算浮动层位置
					oP2.style.left = oUl2.offsetLeft + this.index
							* this.offsetWidth - 104 + "px";
					//匹配浮动层文字内容
					oP2.innerHTML = "<em><b>" + this.index + "</b> 分 "
							+ aMsg2[this.index - 1].match(/(.+)\|/)[1]
							+ "</em>"
							+ aMsg2[this.index - 1].match(/\|(.+)/)[1]
				};
				//鼠标离开后恢复上次评分
				aLi2[i - 1].onmouseout = function() {
					fnPoint2();
					//关闭浮动层
					oP2.style.display = "none"
				};
				//点击后进行评分处理
				aLi2[i - 1].onclick = function() {
					iStar = this.index;
					oP2.style.display = "none";
					oSpan2.innerHTML = "<strong>" + (this.index)
							+ " 分</strong> ("
							+ aMsg2[this.index - 1].match(/\|(.+)/)[1] + ")"
				}
			}
			//评分处理
			function fnPoint2(iArg) {
				//分数赋值
				iScore = iArg || iStar;
				for (i = 0; i < aLi2.length; i++)
					aLi2[i].className = i < iScore ? "on" : "";
			}
		};
	</script>

</body>

</html>